/*
 * @Description: 设备信息处理
 * @Author: wangfuwei
 * @Date: 2020-12-01 23:38:30
 * @LastEditors: wangfuwei
 * @LastEditTime: 2020-12-05 15:08:33
 * @FilePath: /horizon-frontend/src/utils/device.js
 */

import enquireJs from "enquire.js";

export const DEVICE_TYPE = {
  DESKTOP: "desktop",
  TABLET: "tablet",
  MOBILE: "mobile",
};

export const deviceEnquire = function(callback) {
  const matchDesktop = {
    match: () => {
      callback && callback(DEVICE_TYPE.DESKTOP);
    },
  };

  const matchLablet = {
    match: () => {
      callback && callback(DEVICE_TYPE.TABLET);
    },
  };

  const matchMobile = {
    match: () => {
      callback && callback(DEVICE_TYPE.MOBILE);
    },
  };

  // screen and (max-width: 1087.99px)
  enquireJs
    .register("screen and (max-width: 576px)", matchMobile)
    .register("screen and (min-width: 576px) and (max-width: 1199px)", matchLablet)
    .register("screen and (min-width: 1200px)", matchDesktop);
};
